<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                    template="./userTemplate/UserTemplate.xhtml">

        <ui:define name="content">

            <h2 class="colr heading"><cufon style="width: 37px; height: 20px;" alt="My " class="cufon cufon-canvas"><canvas style="width: 51px; height: 21px; top: 0px; left: -1px;" height="21" width="51"></canvas><cufontext>My </cufontext></cufon><cufon style="width: 103px; height: 20px;" alt="Shopping " class="cufon cufon-canvas"><canvas style="width: 117px; height: 21px; top: 0px; left: -1px;" height="21" width="117"></canvas><cufontext>Shopping </cufontext></cufon><cufon style="width: 41px; height: 20px;" alt="Bag" class="cufon cufon-canvas"><canvas style="width: 47px; height: 21px; top: 0px; left: -1px;" height="21" width="47"></canvas><cufontext>Bag</cufontext></cufon></h2>
            <!-- Shopping Cart -->
            <div class="shoppingcart">
                <ul class="head">
                    <li class="items"><h5 class="colr"><cufon style="width: 33px; height: 14px;" alt="Item" class="cufon cufon-canvas"><canvas style="width: 33px; height: 15px; top: 0px; left: 0px;" height="15" width="33"></canvas><cufontext>Item</cufontext></cufon></h5></li>
                    <li class="desc"><h5 class="colr"><cufon style="width: 82px; height: 14px;" alt="Description" class="cufon cufon-canvas"><canvas style="width: 87px; height: 15px; top: 0px; left: 0px;" height="15" width="87"></canvas><cufontext>Description</cufontext></cufon></h5></li>
                    <li class="qty"><h5 class="colr"><cufon style="width: 63px; height: 14px;" alt="Quantity" class="cufon cufon-canvas"><canvas style="width: 69px; height: 15px; top: 0px; left: 0px;" height="15" width="69"></canvas><cufontext>Quantity</cufontext></cufon></h5></li>
                    <li class="itemprice"><h5 class="colr"><cufon style="width: 37px; height: 14px;" alt="Item " class="cufon cufon-canvas"><canvas style="width: 47px; height: 15px; top: 0px; left: 0px;" height="15" width="47"></canvas><cufontext>Item </cufontext></cufon><cufon style="width: 36px; height: 14px;" alt="Price" class="cufon cufon-canvas"><canvas style="width: 41px; height: 15px; top: 0px; left: 0px;" height="15" width="41"></canvas><cufontext>Price</cufontext></cufon></h5></li>
                    <li class="total"><h5 class="colr"><cufon style="width: 35px; height: 14px;" alt="Total" class="cufon cufon-canvas"><canvas style="width: 46px; height: 15px; top: 0px; left: 0px;" height="15" width="46"></canvas><cufontext>Total</cufontext></cufon></h5></li>
                    <li class="remove">&nbsp;</li>
                </ul>
                <ul class="cartitems grey">
                    <li class="items"><a href="#"><img src="images/cart1.gif" alt=""/></a></li>
                    <li class="desc"><a href="prod_detail.html" class="colr">Sed bibendum</a><p>Lorem ipsum dolor sit amet, consect</p></li>
                    <li class="qty"><input name="a" value="2" type="text"/></li>
                    <li class="itemprice">$99.00</li>
                    <li class="total">$99.00</li>
                    <li class="remove"><a href="#">&nbsp;</a></li>
                </ul>
                <ul class="cartitems">
                    <li class="items"><a href="#"><img src="images/cart2.gif" alt=""/></a></li>
                    <li class="desc"><a href="prod_detail.html" class="colr">Sed bibendum</a><p>Lorem ipsum dolor sit amet, consect</p></li>
                    <li class="qty"><input name="a" value="2" type="text"/></li>
                    <li class="itemprice">$99.00</li>
                    <li class="total">$99.00</li>
                    <li class="remove"><a href="#">&nbsp;</a></li>
                </ul>
                <ul class="cartitems grey">
                    <li class="items"><a href="#"><img src="images/cart3.gif" alt=""/></a></li>
                    <li class="desc"><a href="prod_detail.html" class="colr">Sed bibendum</a><p>Lorem ipsum dolor sit amet, consect</p></li>
                    <li class="qty"><input name="a" value="2" type="text"/></li>
                    <li class="itemprice">$99.00</li>
                    <li class="total">$99.00</li>
                    <li class="remove"><a href="#">&nbsp;</a></li>
                </ul>
                <ul class="cartitems">
                    <li class="items"><a href="#"><img src="images/cart4.gif" alt=""/></a></li>
                    <li class="desc"><a href="prod_detail.html" class="colr">Sed bibendum</a><p>Lorem ipsum dolor sit amet, consect</p></li>
                    <li class="qty"><input name="a" value="2" type="text"/></li>
                    <li class="itemprice">$99.00</li>
                    <li class="total">$99.00</li>
                    <li class="remove"><a href="#">&nbsp;</a></li>
                </ul>
                <div class="clear"></div>
                <div class="cartbuttons">
                    <div class="left">
                        <a href="listing.html" class="buttonone">Continue Shopping</a>
                        <a href="#" class="buttonone">Update Cart</a>
                    </div>
                    <div class="checkout">
                        <p>$ 3,55.00</p>
                        <a href="#" class="upper">Checkout</a>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="discount">
                    <p>Discount Code:</p>
                    <input value="Enter your coupon code if you have any" id="searchBoxa" name="s" onblur="if(this.value == '') { this.value = 'Enter your coupon code if you have any'; }" onfocus="if(this.value == 'Enter your coupon code if you have any') { this.value = ''; }" type="text"/>
                </div>
                <div class="verylogos">
                    <a href="#"><img src="images/verisign.gif" alt=""/></a>
                    <a href="#"><img src="images/google.gif" alt=""/></a>
                    <a href="#"><img src="images/paypal.gif" alt=""/></a>
                </div>
            </div>
            <div class="clear"></div>

        </ui:define>

    </ui:composition>
</html>